{% with vartype='Path' %}
    {% include '_row_header.html' %}
{% endwith %}
<div class="col-sm-9">
    <table class="stats">
        <tr class="{{ values['row_classes']['distinct_count'] }}">
            <th>Distinct count</th>
            <td>{{ values['distinct_count'] }}</td>
        </tr>
        <tr>
            <th>Unique (%)</th>
            <td>{{ values['p_unique'] | fmt_percent }}</td>
        </tr>
        <tr class="{{ values['row_classes']['missing'] }}">
            <th>Missing (%)</th>
            <td>{{ values['p_missing'] | fmt_percent }}</td>
        </tr>
        <tr class="{{ values['row_classes']['missing'] }}">
            <th>Missing (n)</th>
            <td>{{ values['n_missing'] }}</td>
        </tr>
        <tr >
            <th>Common prefix</th>
            <td>{{ values['common_prefix'] }}</td>
        </tr>
    </table>
</div>

{#<div class="row col-sm-12" id="descriptives{{ values['varid'] }}">#}
{#    <table>#}
{##}
{#        </table>#}
{#<ul>#}
{#    <li>Existing</li>#}
{#    <li>Images (EXIF, resolution etc., corrupt)</li>#}
{#</ul>#}
{##}
{#</div>#}

<div class="col-sm-12 text-right">
    <a role="button" data-toggle="collapse"
       data-target="#descriptives{{ values['varid'] }}, #minifreqtable{{ values['varid'] }}"
       aria-expanded="true" aria-controls="collapseExample">
        Toggle details
    </a>
</div>

{% with values=values['sections'], anchor_id=values['varid'], classes='collapse col-sm-12', id='descriptives' ~ values['varid']|string %}
    {% include "components/tabs.html" %}
{% endwith %}

{% include '_row_footer.html' %}